* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ol,
ul {
  list-style: none
}
/*.heart:hover{
  transition: all 1s linear;
  transform:scale(1.5)
}*/

@keyframes heart{
  0 {transform:scale(1)
  }
  100%{transform:scale(1.3)
  }
}

.heart {
  display: inline-block;
  width: 100px;
  border: 1px solid;
  position: relative;
  margin: 150px;
  animation:heart 0.6s infinite alternate;
}
.left {
  width: 100px;
  height: 100px;
  background: red;
  position: absolute;
  bottom: 100%;
  right: 100%;
  transform: rotate(45deg) translateX(72px);
  border-radius: 50% 0 0 50%;
}
.right {
  width: 100px;
  height: 100px;
  background: red;
  position: absolute;
  bottom: 100%;
  left: 102%;
  transform: rotate(45deg) translateY(72px);
  border-radius: 50% 50% 0 0;

    
}
.button {
  width: 100px;
  height: 100px;
  background: red;
  position: absolute;
  transform: rotate(45deg);
}